<@override name="head">
<title>创意报表</title>
<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css"/>
<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/common/commoncombobox.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
</@override>
<@override name="body">
   <div id=content_bg>
   <#include "/main/home/common.ftl"/>
    <div id="pagecontent">
		<div id="content">
	   		<div id="navDiv">
				<ul id="navDiv_ul">
					<li><i class="icon-home"></i></li>
					<li><a href="${ctx}/advertiser/main/dashboard">首页</a></li>
					<li><i class="icon-angle-right"></i></li>
					<li><a href="${ctx}/advertiser/main/ad/report/advertiser-report">数据报表</a></li>
					<li><i class="icon-angle-right"></i></li>
				    <li class="navDiv_currentLi">创意报表</li>
				</ul>  
 			</div>
	 		<form id="myform" action="${ctx}/advertiser/main/ad/report/advertiser-report/ideaReport" method="post">
	 			<input type="hidden" id="page" name="page" value="${pager.page!}"/>
	 			<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}"/>
				<input type="hidden" name="selectedadvertiserId" id="advertiserId" value="${advertiserId!}"/>
				<input type="hidden" name="selectedadvertiserName" id="advertiserName" value="${selectedadvertiserName!}"/>
				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}"/>
				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}"/>
				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}"/>
				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}"/>
				<div id="content_choose">	
					<span id="dateChoose_span">
						<a value="today">今天</a> |
						<a id="yesterday" value="yesterday">昨天</a> |
						<a value="lastSevenDays">前七天</a> |
						<a value="lastWeek">上周</a> |
						<a value="thisMonth">本月</a> |
						<a value="lastMonth">上月</a> 
					</span>
					<span id="calendar_span">
						<i class="icon-calendar"></i>   
						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}" readonly/>
					</span>
				</div>
				<div class="selector operator">
					<div class="sl-wrap single">
						<div class="sl-key">
							<span>广告主：</span>
						</div>
						<div class="sl-value">
							<div class="sl-v-list">
								<ul class="valueList">
									<li class="select_change" value=""><a><i></i>全部</a></li>
								</ul>
							</div>
							<div class="sl-btns">
								<a class="btn btn-primary btnsConfirm disabled" href="javascript:">确定</a>
								<a class="btn btn-default btnsCancel" href="javascript:">取消</a>
							</div>
							<div class="sl-ext">
								<a class="sl-e-multiple extMultiple" href="javascript:">多选<i></i></a>
							</div>
						</div>
					</div>	
				</div>
				<div class="selector size">
					<div class="sl-wrap single">
						<div class="sl-key">
							<span>订单：</span>
						</div>
						<div class="sl-value">
							<div class="sl-v-list">
								<ul class="valueList">
									<li class="select_change" value=""><a><i></i>全部</a></li>
								</ul>
							</div>
							<div class="sl-btns">
								<a class="btn btn-primary btnsConfirm disabled" href="javascript:">确定</a>
								<a class="btn btn-default btnsCancel" href="javascript:">取消</a>
							</div>
							<div class="sl-ext">
								<a class="sl-e-multiple extMultiple" href="javascript:">多选<i></i></a>
							</div>
						</div>
					</div>	
				</div>
				<!--
				<div class="selector type">
					<div class="sl-wrap single">
						<div class="sl-key">
							<span>活动：</span>
						</div>
						<div class="sl-value">
							<div class="sl-v-list">
								<ul class="valueList">
									<li class="select_change" value=""><a><i></i>全部</a></li>
								</ul>
							</div>
							<div class="sl-btns">
								<a class="btn btn-primary btnsConfirm disabled" href="javascript:;">确定</a>
								<a class="btn btn-default btnsCancel" href="javascript:;">取消</a>
							</div>
							<div class="sl-ext">
								<a class="sl-e-multiple extMultiple" href="javascript:;">多选<i></i></a>
							</div>
						</div>
					</div>	
			    </div>
			    -->
			    <div class="selector position">
					<div class="sl-wrap single">
						<div class="sl-key">
							<span>投放：</span>
						</div>
						<div class="sl-value">
							<div class="sl-v-list">
								<ul class="valueList">
									<li class="select_change" value=""><a><i></i>全部</a></li>
								</ul>
							</div>
							<div class="sl-btns">
								<a class="btn btn-primary btnsConfirm disabled" href="javascript:">确定</a>
								<a class="btn btn-default btnsCancel" href="javascript:">取消</a>
							</div>
							<div class="sl-ext">
								<a class="sl-e-multiple extMultiple" href="javascript:">多选<i></i></a>
							</div>
						</div>
					</div>	
			    </div>
			    <div style="margin:20px 0;">
			    <input id="btn_formSubmit" type="submit" value="查询"/>
					<div id="date-checkbox">
			   			<span>显示列（此项可多选）</span>
						<input type="checkbox" name="item" value="impression" checked onclick="hideImpression()"/><span>曝光</span>
						<input type="checkbox" name="item" value="click" checked onclick="hideClick()"/><span>点击</span>
						<input type="checkbox" name="item" value="visit" checked onclick="hideVisit()"/><span>到达</span>
						<input type="checkbox" name="item" value="conversion" checked onclick="hideConversion()"/><span>转化</span>
						<input type="checkbox" name="item" value="consume" checked onclick="hideConsume()"/><span>花费</span>
					</div>
			    </div>
				<table border="1" class="tableReport-advertiser">
					<thead>
						<tr class="theadTr">
							<th class="theadTh" style="width:10%"></th>
		                    <th class="theadTh hidden-impression" style="width:18%" colspan=2>曝光</th>
				            <th class="theadTh hidden-click" style="width:18%" colspan=2>点击</th>
				            <th class="theadTh hidden-visit" style="width:18%" colspan=2>到达</th>
				            <th class="theadTh hidden-conversion" style="width:18%" colspan=2>转化</th>
				            <th class="theadTh hidden-consume" style="width:18%" colspan=2>花费</th>
						</tr>
						<tr class="theadTr">
			               	<td class="theadTd" style="width:10%"></td>     
			                <td class="theadTd hidden-impression" style="width:9%">曝光占比</td>
			                <td class="theadTd hidden-impression" style="width:9%">曝光数</td>
			                <td class="theadTd hidden-click" style="width:9%">点击数</td>
			                <td class="theadTd hidden-click" style="width:9%">点击率</td> 
			                <td class="theadTd hidden-visit" style="width:9%">到达数</td>
			                <td class="theadTd hidden-visit" style="width:9%">到达率</td>   
			                <td class="theadTd hidden-conversion" style="width:9%">转化数</td>
			                <td class="theadTd hidden-conversion" style="width:9%">转化率</td>  
			                <td class="theadTd hidden-consume" style="width:9%">eCPM</td>
			                <td class="theadTd hidden-consume" style="width:9%">花费</td>
			            </tr>
					</thead>
					<tbody>
					<#if reportList ??>
		            <#list reportList as report>
						<tr class="tbodyTr">
			            	<td class="tbodyTd">${report.bannerName!}</td> 
			                <td class="tbodyTd hidden-impression">${report.impressionRate!}%</td>
			                <td class="tbodyTd hidden-impression">${report.impression!}</td>
			                <td class="tbodyTd hidden-click">${report.click!}</td>
			                <td class="tbodyTd hidden-click">${report.clickRate!}%</td>  
			              	<td class="tbodyTd hidden-visit">${report.visit!}</td>
			                <td class="tbodyTd hidden-visit">${report.visitRate!}%</td> 
			                <td class="tbodyTd hidden-visit">${report.conversion!}</td>
			                <td class="tbodyTd hidden-visit">${report.conversionRate!}%</td>
			                <td class="tbodyTd hidden-consume">${report.eCmp!}</td>
			                <td class="tbodyTd hidden-consume">${report.consume!}</td>
			            </tr>
					</#list>
					</#if>
					</tbody>
				</table>
		        <div id="exportReport">
					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onClick="exportExcel('idea','${ctx}/advertiser/main/ad/report/advertiser-report/exportbannerReport')">导出Excel</a>
				</div>
				<div id="pageDiv">
					<#include "/common/pagination/simple.ftl"/>
				</div>
			</form>
		</div>
    </div>
</div>
</@override>
<@extends name="/common/simple.ftl"/>